<#compress>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
    <link rel="stylesheet" href="${ctx}/static/mobileweb/css/brand-road.css?_=${.now?string("yyyy-MM-dd")}" />
    <title></title>
</head>
<body>
<div id="head">
    <div class="leftHead">
        <ul>
            <li style="width: 45px;">
                <div class="ico">
                    <img src="${ctx}${brand.logo!}" style="width: 70%;" />
                </div>
            </li>
            <li style="padding-left: 8px;">
                <div class="labCss3">
                    <div class="lab1">
                        <ul>
                            <li class="labLi"><img src="${ctx}/static/mobileweb/images/brand-road/ico2.jpg" style="width:100%;"/></li>
                            <li style="float: right;line-height: 34px;"><span class="spand">${brand.fname!}</span></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li style="padding-left: 8px;">
            <div class="labCss4">
                <div class="lab1">
                    <ul>
                        <li class="labLi"><img src="${ctx}/static/mobileweb/images/brand-road/ico3.jpg" style="width:100%;"/></li>
                        <li style="float: right;line-height: 34px;"><span class="spand">${brand.location!}</span></li>
                    </ul>
                </div>
            </div>
            </li>
            <li style="clear: both;"></li>
        </ul>
    </div>
    <div class="rightHead"></div>
</div>
<div style="clear: both;"></div>
<div id="middle">
    <div class="imgs">
        <img src="${ctx}${brand.location_image!}" style="width: 100%;" />
    </div>
</div>
<script type="text/javascript">
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideToolbar');
    });
</script>
</body>
</html>
</#compress>